---
layout: default
title: "Streaming Platform Premium"
ads:
  enabled: true
  position: ["header", "between_videos", "footer"]
---
<!-- Banner Header -->
{% if page.ads.enabled and "header" in page.ads.position %}
  {% include adsterra/banner.html %}
{% endif %}

<section class="hero">
  <h1>FULL VERSION <span>FINAL</span></h1>
  <p>Streaming Kualitas Ultra HD</p>
</section>

<!-- Featured Video -->
<section class="featured">
  {% assign featured = site.data.videos | first %}
  <div class="featured-video">
    {% include video-player.html video_id=featured.id %}
    <div class="featured-info">
      <h2>{{ featured.title }}</h2>
      <a href="/videos/{{ featured.id }}" class="watch-button">TONTON SEKARANG</a>
    </div>
  </div>
</section>

<!-- Iklan Between Content -->
{% if page.ads.enabled and "between_videos" in page.ads.position %}
  <div class="ad-block">
    {% include adsterra/banner.html %}
  </div>
{% endif %}

<!-- Video Grid -->
<section class="video-section">
  <h3>VIDEO TERPOPULER</h3>
  <div class="video-grid">
    {% for video in site.data.videos limit:6 %}
      <a href="/videos/{{ video.id }}" class="video-card">
        <img 
          src="https://i.ytimg.com/vi/{{ video.id }}/maxresdefault.jpg" 
          alt="{{ video.title }}"
          loading="lazy"
        >
        <div class="badge">HOT</div>
        <h4>{{ video.title }}</h4>
        <p class="meta">
          <span>{{ video.views }} views</span>
          <span>{{ video.likes }} likes</span>
        </p>
      </a>
    {% endfor %}
  </div>
</section>

<!-- Iklan Footer -->
{% if page.ads.enabled and "footer" in page.ads.position %}
  <div class="footer-ad">
    {% include adsterra/banner.html %}
    {% include adsterra/popunder.html %}
  </div>
{% endif %}